<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: haocongshun
  Date: 2016/10/14
  Time: 15:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>${title}</title>
    <meta name="keywords" content="个人博客模板,博客模板,响应式" />
    <meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
    <link href="${CTPATH}/css/base.css" rel="stylesheet">
    <link href="${CTPATH}/css/style.css" rel="stylesheet">
    <link href="${CTPATH}/css/media.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <!--[if lt IE 9]>
    <script src="${CTPATH}/js/modernizr.js"></script>
    <![endif]-->
</head>
<body>
<div class="ibody">
    <header>
        <h1>如影随形</h1>
        <h2>影子是一个会撒谎的精灵，它在虚空中流浪和等待被发现之间;在存在与不存在之间....</h2>
        <div class="logo"><a href="${URLIndex}"></a></div>
        <nav id="topnav">
            <a href="${URLIndex}">首页</a>
            <a href="${URLUser}">关于我</a>
            <c:forEach items="${menus}" var="menu">
                <a href="${menu.url}">${menu.title}</a>
            </c:forEach>
        </nav>
    </header>
    <article>
        <h2 class="about_h">您现在的位置是：<a href="${URLIndex}">首页</a>><a href="/">模板分享</a>><a href="/">个人博客模板</a></h2>
        <div class="index_about">
            <h2 class="c_titile">${content.title}</h2>
            <p class="box_c"><span class="d_time">发布时间：${content.createDate}</span><span>编辑：${content.author}</span><span>浏览（${content.watched}）</span></p>
            <ul class="infos">
                ${content.text}
            </ul>
            <div class="keybq">
                <p><span>关键字词：</span>
                    <c:forEach items="${content.taxonomys}" var="taxonomy">
                        [<a href="${taxonomy.key}">${taxonomy.value}</a>]
                    </c:forEach>
                </p>
            </div>
            <div class="nextinfo">
                <p>上一篇：<a href="${lastContent.url}">${lastContent.title}</a></p>
                <p>下一篇：<a href="${nextContent.url}">${nextContent.title}</a></p>
            </div>
            <div class="otherlink">
                <h2>相关文章</h2>
                <ul>
                    <c:forEach items="${contentsRelated}" var="content" >
                        <li><a href="${content.url}" title="${content.title}">${content.title}</a></li>
                    </c:forEach>
                </ul>
            </div>
        </div>
    </article>
    <aside>
        <div class="rnav">
            <li class="rnav1 "><a href="/">日记</a></li>
            <li class="rnav2 "><a href="/">欣赏</a></li>
            <li class="rnav3 "><a href="/">程序人生</a></li>
            <li class="rnav4 "><a href="/">经典语录</a></li>
        </div>
        <div class="ph_news">
            <h2>
                <p>点击排行</p>
            </h2>
            <ul class="ph_n">
                <c:forEach items="${contentsTop10}" var="content" varStatus="ci">
                    <c:if test="${ci.index < 3 }">
                        <li><span class="num${ci.index+1}">${ci.index+1}</span><a href="${content.url}">${content.title}</a></li>
                    </c:if>
                    <c:if test="${ci.index > 2 }">
                        <li><span>${ci.index+1}</span><a href="${content.url}">${content.title}</a></li>
                    </c:if>
                </c:forEach>
            </ul>
            <h2>
                <p>栏目推荐</p>
            </h2>
            <ul>
                <c:forEach items="${contentsRecommend}" var="content" >
                    <li><a href="${content.url}">${content.title}</a></li>
                </c:forEach>
            </ul>
            <%--<h2>--%>
                <%--<p>最新评论</p>--%>
            <%--</h2>--%>
            <%--<ul class="pl_n">--%>
                <%--<dl>--%>
                    <%--<dt><img src="images/s8.jpg"> </dt>--%>
                    <%--<dt> </dt>--%>
                    <%--<dd>DanceSmile--%>
                        <%--<time>49分钟前</time>--%>
                    <%--</dd>--%>
                    <%--<dd><a href="/">文章非常详细，我很喜欢.前端的工程师很少，我记得几年前yahoo花高薪招聘前端也招不到</a></dd>--%>
                <%--</dl>--%>
            <%--</ul>--%>
            <%--<h2>--%>
                <%--<p>最近访客</p>--%>
                <%--<ul>--%>
                    <%--<img src="images/vis.jpg"><!-- 直接使用“多说”插件的调用代码 -->--%>
                <%--</ul>--%>
            <%--</h2>--%>
        </div>
        <div class="copyright">
            <ul>
                <p> Design by <a href="/">DanceSmile</a></p>
                <p>蜀ICP备11002373号-1</p>
                </p>
            </ul>
        </div>
    </aside>
    <script src="${CTPATH}/js/silder.js"></script>
    <div class="clear"></div>
    <!-- 清除浮动 -->
</div>
</body>
</html>
